{strip}
<div style="margin: auto;padding: 0px; width: 970px;">
	<h2 style="margin-bottom: 0px; margin-top: 0px; font-size: 50pt; color:#F0F6F9; padding: 0px;text-align: center;">CHECKOUT</h2>
	<div id="checkoutSummary" >
	<p style="border-bottom: 2px solid #EEEEEE; width: 380px; text-align: left;margin-bottom: 10px;"><strong>Step 1 of 2:</strong> <font style="color: #11A6DD;"><strong>Please review and confirm your Order</strong></font></p>
        <div>
        	<div class="checkoutList left">
               		<div class="checkoutShippingAddress left" style="height: auto; background-color: #FFF; font-size: 10pt"><strong>Shipping Address</strong></div>
               		<div class="checkoutBillingAddress left" style="height: auto; background-color: #FFF; font-size: 10pt"><strong>Billing Address</strong></div>
               		<div class="checkoutPaymentMethod left" style="height: auto; background-color: #FFF; font-size: 10pt"><strong>Payment Method</strong></div>
               		<div class="clear"></div>
               		<div class="checkoutShippingAddress left">
               			{$formData.sAddr.firstName} {$formData.sAddr.lastName}<br />
               			{if $formData.bAddr.companyName != ''}<br />{/if}
               			{$formData.sAddr.street} {$formData.sAddr.buildingNo}{if $formData.sAddr.apartmentNo != ''}/{$formData.sAddr.apartmentNo}{/if}<br />
               			{$formData.sAddr.postcode} {$formData.sAddr.city}<br />
               			{$formData.sAddr.country}
            
               		</div>
               		<div class="checkoutBillingAddress left">
               			{if $formData.bAddr.companyName != ''}{$formData.bAddr.companyName}<br />{/if}
               			{$formData.bAddr.firstName} {$formData.bAddr.lastName}<br />
               			{$formData.bAddr.street} {$formData.bAddr.buildingNo}{if $formData.bAddr.apartmentNo != ''}/{$formData.bAddr.apartmentNo}{/if}<br />
               			{$formData.bAddr.postcode} {$formData.bAddr.city}<br />
               			{$formData.bAddr.country}
            		</div>
            		
               		<div class="checkoutPaymentMethod left">
               			<img src="/public/styles/images/p{$formData.paymentMethodId}L.png" sidth="100" height="55" style="padding: 5px;"/>
               		</div>
               		
               		<div class="clear"></div><br />
            </div>
            <div class="checkoutListCertificates right">
            	<img src="/public/styles/images/cert_checkout.png" border="0"/>
            </div>
            <div class="clear"></div>
        </div>     
		<hr size="1" />
               	<div class="basketList">
               		<div class="basketListArticle left" style="height: auto; text-align: center;">Article</div>
               		<div class="basketListArtwork left" style="height: auto; text-align: center;">Artwork</div>
               		<div class="basketListProduction left" style="height: auto; text-align: center;">Skin Production</div>
               		<div class="basketListQuantity left" style="height: auto; text-align: center;">Quantity</div>
               		<div class="basketListTotal right" style="height: auto; text-align: center;">TOTAL</div>
               	</div>
               	<div class="clear"> </div>
               	{assign var='total' value='0'}
                	{foreach $cartObjects as $c}
                	
                		{assign var=printingPrice value=0}
                		{foreach $c.deviceMatrices as $m}
                			{assign var=printingPrice value=$printingPrice+$m[2]}
                		{/foreach}
                		
                	{assign var='total' value=($total+($c.quantity*($printingPrice+$c.artwork->getPrice())))}
                	<div class="{cycle values='basketListBlue,basketListPink'}" id="cart_$c@index" style="width: 100%; height: 55px;">
                		<div class="basketListArticle left" >
                			<div class="left"  style="border-right: 2px solid #DDD; border-bottom: 2px solid #DDD; margin-top: 5px;margin-left: 2px;">{$c.artwork->getArtwork()->getThumb($thumbs->checkout->width, $thumbs->checkout->height)}</div>
                			<div class="left " style="width: 90px; border: 0px; margin: 2px; font-size: 8pt;">
                				
   	              				<!--<p><strong>SkinWorld:</strong> {$c.artwork->getSkinworldName()}</p>-->
                				<p><strong>Title:</strong> {$c.artwork->getName()}</p>
                				<p><strong>By:</strong> {$c.artwork->getArtwork()->getDesigner()}</p>

                			</div>
                			<div class="clear"> </div>
                			
                		</div>
                		<div class="basketListArtwork left">
                			<div class="left " style="width: 90px; border: 0px; margin: 2px; ">
                				<p class="" style="font-size: 10pt; text-align: center; padding: 5px;"><strong>&euro; {$c.artwork->getPrice()|string_format:"%.2f"}</strong></p>
                			</div>
                		</div>
                		<div class="basketListProduction left" style="text-align: center;">
                			<!--<div class="left"  style="background: #FFFFFF; border-right: 2px solid #DDD; border-bottom: 2px solid #DDD;  margin-top: 2px;margin-left: 2px;">
                				{$c.device->getThumb($thumbs->checkout->width, $thumbs->checkout->height)}
                			</div>-->
                				<p class="" style="font-size: 10pt;padding: 5px;"><strong>&euro; {$printingPrice|string_format:"%.2f"}</strong></p>
                				<p class="" style="font-size: 9pt;"><i>
                				(for {$c.device->getDeviceManufacturer()->getManufacturer()} {$c.device->getModel()|escape}&nbsp;/&nbsp; 
                					{foreach $c.deviceMatrices as $m}
                						{if $m@index == 0}
                							{$m[1]}
                						{else}
                							&nbsp;& {$m[1]}
                						{/if}
                					{/foreach})</i>
                				</p>
                		</div>
                		<div class="basketListQuantity left">
                			<p style="text-align: center; margin-top: 5px; ">
                				{$c.quantity}
                			</p>
                		</div>
                		
                		<div class="basketListTotal right">
                			<strong><p style="font-size: 10pt; text-align: center; padding: 2px; margin-top:5px;">&euro; <font class="tPrice" id="tPrice_{$c@index}">{(($c.quantity*$printingPrice)+$c.artwork->getPrice())|string_format:"%.2f"}</font></p></strong>
                		</div>
                		<div class="clear"> </div>
                	</div>
                	
                	
                	{/foreach}
                	<script>
                		total = {$total};
                	</script>
                	
                	<div class="right" style="margin-top: 10px; margin-right: 10px; border-top: 2px solid #EEEEEE; width: 280px; text-align: right;">
                    	<span style="margin-right: 20px; ">Subtotal</span><strong><span id="cartSubtotal_1">&euro; {$total|string_format:"%.2f"}</span></strong>
                    </div>
                    <div class="clear"> </div>
                    <br />
					
                    <div class="basketListBlue" style="width: 100%;">
                    	<div class="basketListArticle left" style="width: 305px;">
	                		<div class="left" style="margin-top: 5px;border: 0px;">
	                			<div style="background: #FFFFFF; border-right: 2px solid #DDD; border-bottom: 2px solid #DDD;  margin-top: 2px;margin-left: 2px;">
	                				{$shippingService->getThumb($thumbs->checkout->width, $thumbs->checkout->height)}
	                			</div>
	                		</div>
	                		<div class="left" style="text-align: left; margin-top: 5px; margin-left: 10px; border: 0px;">
	                			<p><strong>{$shippingService->getService()}</strong></p>
	                			
	                		</div>
	                		<div class="left" style="text-align: left;  margin-top: 5px;  margin-left: 10px;  border: 0px;">
	                			<p style="font-size: 7pt;">{$shippingService->getDescription()|nl2br}</p>
	                			
	                		</div>
	                		
                		</div>
                		<div class="basketListTotal right" style="text-align: center; margin-top: 5px;">
                			<strong>&euro; {$shippingService->getPrice()|string_format:"%.2f"}</strong>
                		</div>
                			<div class="clear"></div>
                	</div>
                   
                	<script>
                		var shippingPrice = {$shippingService->getPrice()};
                		var voucherPrice = -10.57;
                	</script>
                	
                    <div class="right" style="margin-top: 10px; margin-right: 10px; border-top: 2px solid #EEEEEE; width: 280px; text-align: right;">
                    	<span style="margin-right: 30px; ">Subtotal</span><strong><span id="cartSubtotal_2">&euro; {$shippingService->getPrice()|string_format:"%.2f"+$total}</span></strong>
                    </div>
                    <div class="clear"> </div>
                  	
                    <hr size="1" />
                    {assign var=voucherValue value=-10.57}
                                      
                    <div class="basketList" style="width: 100%;">
                		<div class="left" style="width: 98%; padding: 10px; border: 0px; text-align: left; margin-right: 10px;">
                   			<div>
                				<div class="left">
                					<p style="font-size: 10pt; color: gray"><strong>Voucher value</strong></p>
                				</div>
                				<div class="right" style="width: auto; text-align: right;"><strong>&euro; {$voucherValue} (example)</strong></div>
                			</div>
                			<div class="clear"> </div>
                   		</div>
                   	</div>
                   	
                    <div class="right" style="margin-top: 10px; margin-right: 10px; border-top: 2px solid #EEEEEE; width: 280px;font-size: 14pt; text-align: right;">
	                  	<span style="margin-right: 30px;">Total</span><strong style="font-size: 16pt;"><span id="cartTotal">&euro; {$shippingService->getPrice()|string_format:"%.2f"+$total+$voucherValue}</span></strong>
	                  	<br /><i style="font-size: 9pt;">VAT 19% included</i>
                    </div>
                    <div class="clear"> </div>
                    <br />
                    <div class="left">
                 		<p style="width: 380px; text-align: left;margin-bottom: 2px;"><strong>Next Step:</strong> <font style="color: #11A6DD;"><strong>Pay</strong></font></p>
                 	</div>
                 	<div class="right">
                 		<button style="padding-left: 30px; padding-right: 30px;background-color: #11A6DD; border: 0px; height: 20px; margin-left: 3px;color: #FFF; cursor: pointer;" onclick="window.location.replace('/cart/checkout-save');"><i>OK</i></font>
                 	</div>
                 	<div class="right">
                 		<strong><a href="/cart"><font style="color: #11A6DD; margin-right: 30px;"><i>Back</i></font></a></strong>
                 	</div>
                 	
                 	<div class="clear"></div>
				</div>
</div>
{/strip}